<template>
  <h1>我是购物车页面</h1>

  <button @click="gologin">点击跳转到登录页</button>
</template>

<script>
export default {
  methods:{
    gologin(){
      // 就一个短的时候比较实用
      // this.$router是vue路由给我们提供的一个 方法集合 ,内部的 push 可以帮助
      // this.$router.push('/login')

      // 嵌套多的时候实用
      // 更改路由,并传递参数
      //  path也要写成对应的path:"/home/:id/:name"
      // this.$router.push("/home/10086/qf001")

      // 更改上边的跳转方式  一样可以实现
      // home(name)一定要在路由index里面定义name
      // this.$router.push({
      //     name: 'home',   // 当前方式路径前不需要添加 /
      //     params: {
      //     id: '10086',
      //     name: 'qf001'
      //     }
      // })

      // 利用query的方法实现
      this.$router.push({
        name:'home',
        query:{
          id:'10086',
          name:'qf001',
          age:'18'
        }
      })
    }
  }
}
</script>